@import '../../common/scss/base.scss';
page{
  background-color: $theme-color;
  .scroll-view_x{
    width: 750rpx;
    line-height: 64rpx;
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    border-bottom:1rpx solid rgba(0,0,0,.2);
    padding: 0 30rpx;
    box-sizing:border-box;
    .item_list{
      display: inline-block;
      font-weight:400;
      margin-right:44rpx;
      .item_book_text{
        font-size:30rpx;
        font-family:PingFangSC-Regular;
        color:#353535;
        border-bottom:4rpx solid transparent;
      }
      .item-native{
        border-bottom:4rpx solid #D0021B;
        font-size:30rpx;
        font-family:PingFangSC-Medium;
        color:#D0021B;
      }
    }
  }
  .content{
    padding: 0 30rpx;
    background-color:white;
    .show-good{
      display:flex;
      height:210rpx;
      box-sizing:border-box;
      border-bottom: 1rpx solid #F7F7F7;
      padding: 30rpx 0;
      image{
        width: 150rpx;
        height: 150rpx;
      }
      .show-good-info{
        margin-left: 30rpx;
        view{
          font-family:PingFangSC-Regular;
          font-weight:400;
          font-size: 26rpx;
          color: #B2B2B2;
          line-height: 36rpx;
          margin-top: 8rpx;
          &:nth-child(1){
            width: 514rpx;
            line-height: 40rpx;
            overflow: hidden;
            display: -webkit-box;
            /* autoprefixer: off */
            -webkit-box-orient: vertical;
            /* autoprefixer: on */
            -webkit-line-clamp: 1;
            font-size: 28rpx;
            margin-top: 0!important;
            color: #000000;
          }
        }
      }
    }
    .log-order-info{
      padding: 30rpx 0;
      .order-info{
        view{
          display: inline-block;
          font-size: 26rpx;
          line-height: 36rpx;
          &:first-child{
            color: #888888;
          }
          &:last-child{
            color: #353535;
          }
        }
      }
    }
  }
  .track{
    background-color: #ffffff;
    margin: 20rpx 0 206rpx;
    box-sizing:border-box;
    .log-track{
      line-height: 88rpx;
      padding-left: 30rpx;
      font-size: 30rpx;
      color: #353535;
      font-family:PingFangSC-Regular;
      font-weight: 400;
    }
    .track-process{
      width: 750rpx;
      padding: 0 30rpx 0 46rpx;
      background-color: #ffffff;
      box-sizing: border-box;
      overflow: hidden;
      .info-border{
        border-left: 1rpx solid #EEEEEE;
        position: relative;
      }
      .info-borders{
        border-left: 1rpx solid transparent;
        position: relative;
      }
      image{
        position: absolute;
      }
      .no-class{
        width:16rpx;
        height:16rpx;
        left:-8rpx;
        // vertical-align:58rpx;
        top:7rpx;
      }
      .true-class{
        width: 32rpx;
        height: 32rpx;
        vertical-align:-3rpx!important;
        left:-17rpx!important;
        }
      }
      .log-process-info{
        display:inline-block;
        margin-left:44rpx;
        border-bottom:1rpx solid #EEEEEE;
        padding-bottom:40rpx;
        width:630rpx;
        view{
          color: #888888;
          font-family:PingFangSC-Regular;
          line-height: 36rpx;
          &:first-child{
            font-size: 26rpx;
            margin-bottom: 2rpx;
          }
          &:last-child{
            font-size: 24rpx;
          }
        }
      }
    }
  }
